<template>
	<view  class="fdc ">
		        <view class="p20">
		           <picker mode="date" :value="date"
		           :start="startDate" 
		           :end="endDate" @change="bindDateChange">
		               <view class="uni-input">{{date}}</view>
		           </picker>
				   <view class="all-total-money">
				   	收入￥202121.02
				   </view>
		        </view>
		<view class="white boxShadow box" v-for="(item,index) in 2"
		 :key="index"
		 style="width: 660rpx;margin-bottom: 20rpx;">
			<view class="aic">
				<view class="title">
					任务编号: 
				</view>
				<view class="">
					ZY202110053210232500025
				</view>
			</view>
			<view class="aic">
				<view class="title">
					任务名称: 
				</view>
				<view class="">
					美工
				</view>
			</view>
			<view class="aic">
				<view class="title">
					结算时间: 
				</view>
				<view class="">
					2021-02-30  10:02:35
				</view>
			</view>
			<view class="aic">
				<view class="title">
					结算金额: 
				</view>
				<view class="">
				10000.00/元
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name:"myCommission",
		data() {
			return {
				startDate:"2021-01-25",
				end:"2100-01-25" ,
				date:"请选择日期"
			};
		},
		methods:{
			bindDateChange(){
				
			}
		}
	}
</script>

<style scoped lang="scss">
.box{
	border-radius: 20rpx;
	overflow: hidden;
	padding: 30rpx;
	position: relative;
}
.box::after{
	position: absolute;
	content: "结算成功";
	font-size: 40rpx;
	right: 30rpx;
	top: 50%;
	transform: translateY(-50%) rotate(-30deg);
	color: rgba($color: red, $alpha: 0.3);
}
.title{
	margin-right: 15rpx;
	font-size: 30rpx;
	font-weight: bold;
}
.all-total-money{
	font-size: 28rpx; 
	line-height: 1.5rem;
	color: #666;
}
</style>
